/**
 * 气泡弹框 PopoverItem
 */

 import {Popover} from 'antd';
 import {
  ExclamationCircleOutlined,
} from '@ant-design/icons';
 
 interface PopoverProps {
    value:object
 }
 
 export const PopoverItem = (props: PopoverProps) => {
     const { value } = props;
      let title = props.value?props.value.title??'提示':'提示';
      let content = props.value?props.value.content??['无加油费说明']:['无加油费说明'];
      const contentNew = (<div>
      {
        content.map((item,index)=>{
          return(
            <p key={index}>{ item }</p>
          ) 
        })
      }
    </div>)
     return <Popover content={contentNew} title={title} zIndex="1000">
          <ExclamationCircleOutlined />
        </Popover>
  };

  export default PopoverItem;
 
 